<template>
  <topHeader class="top"></topHeader>
  <div class="content">
    <asideMenu class="aside-menu"></asideMenu>
    <router-view class="main"></router-view>
  </div>
</template>

<script setup>
import asideMenu from "./layout/aside-menu.vue";
import topHeader from "./layout/top-header.vue";
</script>
<style lang="scss" scoped>
.top {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}
.content {
  margin-top: 50px;
  display: flex;
  .aside-menu {
    width: 200px;
    position: fixed;
    z-index: 98;
  }
  .main {
    margin-left: 200px;
    width: 100%;
    padding: 10px;
    position: relative;
  }
}
</style>
